<!DOCTYPE html>
<html>
<head>
	<title>收藏</title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<style type="text/css" media="screen">
		#p8y2x1y0x1{
			width: 100%;
			height: 100%;
		}
		#p8y2x1y0x1 ul{
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		#p8y2x1y0x1 ul li{
			float: left;
			width: 25%;
			height: 33.333%;
			overflow: hidden;
		}
	</style>
</head>
<body>
<div id="p8" class="box">	
	<div class="bx-header" id="p8y0">
		<div class="bx-header-left" id="p8y0x0">
			<img src="../images/home/logo.png" alt="">
			</div>
		<div class="header_middle" id="p8y0x1">

		</div>
		<div class="bx-header-right" id="p8y0x2">
			<div class="header-right-left" id="p8y0x2x0">
				
			</div>
			<div  class="header-right-right" id="p8y0x2x1">
				<div class="bx-time" id="bx_time">
					
				</div>
			</div>
		</div>
	</div>
	<div class="bx-nav" id="p8y1">
		<ul>
			<li>收藏</li>
		</ul>
	</div>
	<div class="bx-content2" id="p8y2">

		<div class="bx-ver-nav" id="p8y2x0">
			<ul id="p8y2x0ul">
				<li tabindex="-1" class="heightLine">赛事</li>
				<li tabindex="-1">集锦</li>
				<li tabindex="-1">回放</li>
				<li tabindex="-1">咨询</li>
				<li tabindex="-1">节目</li>
			</ul>
		</div>

		<div class="bx-list-box" id="p8y2x1">

			<div class="list-box-widget" id="p8y2x1y0">
				<div class="left_arrow" id="p8y2x1y0x0">
					<img src="../images/home/xiangzuo.png" alt="">
				</div>
				<div class="list-box-content" id="p8y2x1y0x1">
					<ul id="p8y2x1y0x1ul">
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
						<li class="ver_box_style" tabindex="-1">
							<img src="../images/home/tu_5.png">
							<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
						</li>
					</ul>
				</div>
				<div class="right_arrow" id="p8y2x1y0x2">
					<img src="../images/home/xiangyou.png" alt="">
				</div>
			</div>

			<!-- <div class="list-box-widget" id="p8y2x1y0">
				<p class="empty-collect">暂时没有收藏，去<span id="p8y2x1y0span" tabindex="-1">首页</span>看看</p>
			</div> -->

			<div class="list-box-back" id="p8y2x1y1">
				<img src="../images/home/return.png" alt="">
			</div>
		</div>
	</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/public.js"></script>
<script src="../js/humps.js"></script>
<script>

	setFocus("p8y2x1y0x1ul");

	//Y2 焦点移动 
	function p8y2(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						console.log("y2不进行任何操作")
						break;
					case "down":
						console.log("y2不进行任何操作")
						break;
					case "left":
						console.log("y2不进行任何操作")
						break;
					case "right":
						console.log("y2不进行任何操作")
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	function p8y2x0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":

						if(true){
							setFocus("p8y2x1y0x1ul");
						}else{
							setFocus("p8y2x1y0span");
						}
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	function p8y2x1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						setFocus("p8y2x0ul");
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	function p8y2x1y0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						console.log("向左翻页");
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						console.log("向右翻页");
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				var prePage = $.getUrlParam('prePage');
				var pageNum = $.getUrlParam('pageNum');
				window.location.href = hdLocation+prePage+".html?currentPage="+pageNum;
				break;
			case "Click":
				break;
		}
	}
	function p8y2x1y0x1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	function p8y2x1y0x1ul(event,dom,dir){
		switch(event){
			case "MoveFocus":

				if(ulIsBorder(dom,dir,4,12)){
					onSelect(event,dom.parent().parent(),dir);
				}
				break;
			case "Back":
				setFocus("p8y2x0ul");
				break;
			case "Click":
				window.location.href = hdLocation+"onDemandDetail.html";
				break;
		}
	}	
	function p8y2x1y0span(event,dom,dir){
		switch(event){
			case "MoveFocus":

				switch(dir){
					case "left":
						setFocus("p8y2x0ul");
						break;
				}
				break;
			case "Back":
				setFocus("p8y2x0ul");
				break;
			case "Click":
				window.location.href = hdLocation+"home.html";
				break;
		}
	}
	function p8y2x0ul(event,dom,dir){
		switch(event){
			case "MoveFocus":

				if(ulIsBorder(dom,dir,1,5)){
					onSelect(event,dom.parent().parent(),dir);
				}
				break;
			case "Back":
				var prePage = $.getUrlParam('prePage');
				var pageNum = $.getUrlParam('pageNum');
				window.location.href = hdLocation+prePage+".html?currentPage="+pageNum;
				break;
			case "Click":
				dom.addClass("heightLine").siblings().removeClass('heightLine');
				break;
		}
	}
</script>
</body>
</html>